<section class="panel">
	<header class="panel-heading text-right bg-info">
		<ul class="nav nav-tabs pull-left">
			<li class="active"><a href="#tab1" data-toggle="tab"><i class="fa fa-list-ul text-default"></i> Data Diri</a></li>
			<li><a href="#tab2" data-toggle="tab"><i class="fa fa-briefcase text-default"></i> Riwayat Pendidikan</a></li>
			<li><a href="#tab3" data-toggle="tab"><i class="fa fa-heart text-default"></i> Riwayat Penyakit</a></li>
			<li><a href="#tab4" data-toggle="tab"><i class="fa fa-trophy text-default"></i> Riwayat Prestasi</a></li>
		</ul>
		<span class="hidden-sm">&nbsp;</span>
	</header>
	<div class="panel-body">
		<form class="form-horizontal" method="get">
			<div class="tab-content">              
				<div class="tab-pane fade active in" id="tab1">
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">Nama</label>
						<div class="col-sm-10">
							<input type="text" class="form-control">                        
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">Tempat Lahir</label>
						<div class="col-sm-10">
							<input type="text" class="form-control">                        
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">Tanggal Lahir</label>
						<div class="col-sm-10">
							<input type="text" class="form-control">                        
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">Agama</label>
						<div class="col-sm-10">
							<select class="form-control">                      
								<option value="">-- Pilih Agama --</option>
								<option value="1">Islam</option>
								<option value="2">Kristen (Protestan)</option>
								<option value="3">Kristen (Khatolik)</option>
								<option value="4">Hindu</option>
								<option value="5">Budha</option>
							</select>
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">No. Telepon</label>
						<div class="col-sm-10">
							<input type="text" class="form-control">                        
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">No. HP</label>
						<div class="col-sm-10">
							<input type="text" class="form-control">                        
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">No. KTP</label>
						<div class="col-sm-10">
							<input type="text" class="form-control">                        
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">Email</label>
						<div class="col-sm-10">
							<input type="text" class="form-control">                        
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">Status Pernikahan</label>
						<div class="col-sm-10">
							<select class="form-control">                      
								<option value="">-- Status Pernikahan --</option>
								<option value="1">Menikah</option>
								<option value="2">Belum Menikah</option>
							</select>                       
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="form-group">
						<label class="col-sm-2 control-label">NIP.</label>
						<div class="col-sm-10">
							<input type="text" class="form-control">                        
						</div>
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
				</div>
				<div class="tab-pane fade" id="tab2">
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="btn-toolbar m-b-sm btn-editor" data-role="editor-toolbar" data-target="#editor">
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
								<ul class="dropdown-menu">
								</ul>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Font Size"><i class="fa fa-text-height"></i>&nbsp;<b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
									<li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
									<li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
								</ul>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
							<a class="btn btn-white btn-sm" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
							<a class="btn btn-white btn-sm" data-edit="strikethrough" title="Strikethrough"><i class="fa fa-strikethrough"></i></a>
							<a class="btn btn-white btn-sm" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="insertunorderedlist" title="Bullet list"><i class="fa fa-list-ul"></i></a>
							<a class="btn btn-white btn-sm" data-edit="insertorderedlist" title="Number list"><i class="fa fa-list-ol"></i></a>
							<a class="btn btn-white btn-sm" data-edit="outdent" title="Reduce indent (Shift+Tab)"><i class="fa fa-dedent"></i></a>
							<a class="btn btn-white btn-sm" data-edit="indent" title="Indent (Tab)"><i class="fa fa-indent"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Hyperlink"><i class="fa fa-link"></i></a>
							<div class="dropdown-menu">
								<div class="input-group m-l-xs m-r-xs">
									<input class="form-control input-sm" placeholder="URL" type="text" data-edit="createLink"/>
									<div class="input-group-btn">
										<button class="btn btn-white btn-sm" type="button">Add</button>
									</div>
								</div>
							</div>
							<a class="btn btn-white btn-sm" data-edit="unlink" title="Remove Hyperlink"><i class="fa fa-cut"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" title="Insert picture (or just drag & drop)" id="pictureBtn"><i class="fa fa-picture-o"></i></a>
							<input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage" />
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
							<a class="btn btn-white btn-sm" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
						</div>
						<input type="text" class="form-control-trans pull-left" data-edit="inserttext" id="voiceBtn" x-webkit-speech="" style="width:25px;height:28px;">
					</div>
					<div id="editor" class="form-control" style="overflow:scroll;height:150px;max-height:150px">
						Riwayat Pendidikan
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
				</div>
				<div class="tab-pane fade" id="tab3">
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="btn-toolbar m-b-sm btn-editor" data-role="editor-toolbar" data-target="#editor">
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
								<ul class="dropdown-menu">
								</ul>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Font Size"><i class="fa fa-text-height"></i>&nbsp;<b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
									<li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
									<li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
								</ul>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
							<a class="btn btn-white btn-sm" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
							<a class="btn btn-white btn-sm" data-edit="strikethrough" title="Strikethrough"><i class="fa fa-strikethrough"></i></a>
							<a class="btn btn-white btn-sm" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="insertunorderedlist" title="Bullet list"><i class="fa fa-list-ul"></i></a>
							<a class="btn btn-white btn-sm" data-edit="insertorderedlist" title="Number list"><i class="fa fa-list-ol"></i></a>
							<a class="btn btn-white btn-sm" data-edit="outdent" title="Reduce indent (Shift+Tab)"><i class="fa fa-dedent"></i></a>
							<a class="btn btn-white btn-sm" data-edit="indent" title="Indent (Tab)"><i class="fa fa-indent"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Hyperlink"><i class="fa fa-link"></i></a>
							<div class="dropdown-menu">
								<div class="input-group m-l-xs m-r-xs">
									<input class="form-control input-sm" placeholder="URL" type="text" data-edit="createLink"/>
									<div class="input-group-btn">
										<button class="btn btn-white btn-sm" type="button">Add</button>
									</div>
								</div>
							</div>
							<a class="btn btn-white btn-sm" data-edit="unlink" title="Remove Hyperlink"><i class="fa fa-cut"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" title="Insert picture (or just drag & drop)" id="pictureBtn"><i class="fa fa-picture-o"></i></a>
							<input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage" />
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
							<a class="btn btn-white btn-sm" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
						</div>
						<input type="text" class="form-control-trans pull-left" data-edit="inserttext" id="voiceBtn" x-webkit-speech="" style="width:25px;height:28px;">
					</div>
					<div id="editor" class="form-control" style="overflow:scroll;height:150px;max-height:150px">
						Riwayat Penyakit
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
				</div>
				<div class="tab-pane fade" id="tab4">
					<div class="line line-dashed line-lg pull-in"></div>
					<div class="btn-toolbar m-b-sm btn-editor" data-role="editor-toolbar" data-target="#editor">
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
								<ul class="dropdown-menu">
								</ul>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Font Size"><i class="fa fa-text-height"></i>&nbsp;<b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
									<li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
									<li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
								</ul>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
							<a class="btn btn-white btn-sm" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
							<a class="btn btn-white btn-sm" data-edit="strikethrough" title="Strikethrough"><i class="fa fa-strikethrough"></i></a>
							<a class="btn btn-white btn-sm" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="insertunorderedlist" title="Bullet list"><i class="fa fa-list-ul"></i></a>
							<a class="btn btn-white btn-sm" data-edit="insertorderedlist" title="Number list"><i class="fa fa-list-ol"></i></a>
							<a class="btn btn-white btn-sm" data-edit="outdent" title="Reduce indent (Shift+Tab)"><i class="fa fa-dedent"></i></a>
							<a class="btn btn-white btn-sm" data-edit="indent" title="Indent (Tab)"><i class="fa fa-indent"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
							<a class="btn btn-white btn-sm" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown" title="Hyperlink"><i class="fa fa-link"></i></a>
							<div class="dropdown-menu">
								<div class="input-group m-l-xs m-r-xs">
									<input class="form-control input-sm" placeholder="URL" type="text" data-edit="createLink"/>
									<div class="input-group-btn">
										<button class="btn btn-white btn-sm" type="button">Add</button>
									</div>
								</div>
							</div>
							<a class="btn btn-white btn-sm" data-edit="unlink" title="Remove Hyperlink"><i class="fa fa-cut"></i></a>
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" title="Insert picture (or just drag & drop)" id="pictureBtn"><i class="fa fa-picture-o"></i></a>
							<input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage" />
						</div>
						<div class="btn-group">
							<a class="btn btn-white btn-sm" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
							<a class="btn btn-white btn-sm" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
						</div>
						<input type="text" class="form-control-trans pull-left" data-edit="inserttext" id="voiceBtn" x-webkit-speech="" style="width:25px;height:28px;">
					</div>
					<div id="editor" class="form-control" style="overflow:scroll;height:150px;max-height:150px">
						Riwayat Prestasi
					</div>
					<div class="line line-dashed line-lg pull-in"></div>
				</div>
			</div>
		</form>
	</div>
</section>
<div class="col-lg-12">
	<div class="form-group">
		<div class="col-sm-4 col-sm-offset-0">
			<button type="submit" class="btn btn-success">Simpan</button>
			<button type="button" class="btn btn-white" onClick="window.history.back();">Kembali</button>
		</div>
	</div>
</div>